<template>
	<view class="drug_user_check">
		<view class="drug_user_box">
			<view class="drug_con public_sty" v-for="(item, index) in drugUserlist" :key="index">
				<view class="drug_con_left">
					<text style="font-size: 36rpx;">{{ item.drugName }}</text>
					<view class="" style="font-size: 28rpx; color: #333333;">
						<text>{{ item.gender == 0 ? '男' : '女' }}</text>
						<text>{{ item.age }}岁</text>
						<text>{{ item.phones }}</text>
					</view>
				</view>
				<view class="">
					<uni-icons type="compose"></uni-icons>
					<uni-icons type="trash" style="margin-left: 50rpx;"></uni-icons>
				</view>
			</view>
		</view>
		<view class="drug_btn_box">
			<view class="">
				<radio-group name="">
					<label><radio class="radio" value="" @click="radioCheck()" :checked="checkStatus" style="transform:scale(0.7)" /><text class="radio_text">已阅读并同意</text>
				<text class="radio_text" @click.stop="userAgree()" style="color: #00B359;margin-left: 10rpx;">购买须知</text></label>
				</radio-group>
				
			</view>

			<button type="primary" class="drug_btn">
				<uni-icons type="plusempty" size="18" color="#ffffff"></uni-icons>
				<text style="font-size: 28rpx;">添加用药人</text>
			</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			checkStatus: false,
			drugUserlist: [
				{
					drugName: '张三',
					gender: 0,
					age: 32,
					phone: 17634603805,
					phones: '176****3805'
				},
				{
					drugName: '张三',
					gender: 0,
					age: 32,
					phone: 17634603805,
					phones: '176****3805'
				},
				{
					drugName: '张三',
					gender: 1,
					age: 32,
					phone: 17634603805,
					phones: '176****3805'
				},
				{
					drugName: '张三',
					gender: 0,
					age: 32,
					phone: 17634603805,
					phones: '176****3805'
				}
			]
		};
	},
	methods: {
		radioCheck() {
			this.checkStatus = !this.checkStatus;
			console.log(this.checkStatus);
		},
		userAgree() {
			console.log('用户须知');
		}
	}
};
</script>

<style lang="scss" scoped>
.drug_user_check {
	padding: 30rpx;
	.drug_con {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 28rpx;
		margin-bottom: 24rpx;
	}
}
.radio_text {
	font-size: 26rpx;
}
.drug_btn_box {
	position: fixed;
	bottom: 2%;
	width: 92%;
}
.drug_btn {
	border-radius: 20rpx;
	margin-top: 40rpx;
	/deep/ .uni-icons {
		margin-right: 30rpx;
	}
}
</style>
